<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" th:replace="layout (title='解决方案')">
<div th:fragment="content">
    <div class="m2csBan">
        <div class="m2ban wOpacity wow fadeIn" data-wow-delay="0.0s"  th:style="'background-image:url('+${bannerInfo.imgSrc+')'}">
            <div class="m2banTxt">
                <div class="m2ban_t1 wOpacity wow fadeInUp" data-wow-delay="0.2s"  th:utext="${bannerInfo.title+'<br>'+bannerInfo.realTitle}">
                </div>
            </div>
        </div>
    </div>
    <div class="m2menu wOpacity wow fadeIn" data-wow-delay="0.3s">
        <a th:each="a,iterStat : ${articleList}" th:href="${'/solution?id='+a.id}"
           th:class="${'m2menu_a' + (a.id == currentId ? ' on' : '')}" >
            <span class="m2menuIcon"><img th:src="${'images/m2cs_i'+(iterStat.index+1)+'a.png'}" width="40" height="40">
                <img class="iOpacity" th:src="${'images/m2cs_i'+(iterStat.index+1)+'.png'}" width="40" height="40"></span>
            <p th:text="${a.title}"></p>
        </a>
    </div>
    <div class="container wOpacity wow fadeIn" data-wow-delay="0.2s">
        <div class="m2csBox1">
            <strong>行业痛点</strong>
            <p th:text="${article.realTitle}"></p>
        </div>
        <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.3s">解决方案</div>
        <div class="m2csBox2 wOpacity wow fadeIn" data-wow-delay="0.4s">
            <div class="picTxtBox clearfix">
                <div class="picBox-wp iOpacity wow fadeInDown" data-wow-delay="0.5s">
                    <div class="picBox w100">
                        <img src="images/m2cs_img1.png" width="298" height="347">
                    </div>
                </div>
                <div class="txtBox-wp iOpacity wow fadeIn" data-wow-delay="0.5s">
                    <div class="txtBox">
                        <ul class="m2csu1 clearfix">
                            <li th:each="j : ${jiejue}">
                                <img  th:src="${j.imgSrc}" width="60" height="60">
                                <strong th:text="${j.title}"></strong>
                                <p th:text="${j.content}"></p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="m2csBox3 wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="container">
            <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.1s">使用流程</div>
            <div class="m2csLc1 wOpacity wow fadeIn" data-wow-delay="0.2s" th:utext="${article.content}">
            </div>
            <!--<div class="m2csLc1 wOpacity wow fadeIn" data-wow-delay="0.2s">-->
                <!--<img class="dsPc" src="images/m2cs_pcLc1.png">-->
                <!--<img class="dsPad" src="images/m2cs_padLc1.png">-->
                <!--<img class="dsPhone" src="images/m2cs_phoneLc1.png">-->
            <!--</div>-->
            <!--<div class="m2csLc2 wOpacity wow fadeIn" data-wow-delay="0.3s">-->
                <!--<img class="dsPc" src="images/m2cs_pcLc2.png">-->
                <!--<img class="dsPad" src="images/m2cs_padLc2.png">-->
                <!--<img class="dsPhone" src="images/m2cs_phoneLc2.png">-->
            <!--</div>-->
        </div>
    </div>
    <div class="m2csBox4 wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="container">
            <div class="m2us_t wOpacity wow fadeIn" data-wow-delay="0.1s">典型客户</div>
            <div class="m2csLgBox wOpacity wow fadeIn" data-wow-delay="0.2s">
                <ul class="m2csu2 clearfix">
                    <li th:each="d : ${dianxing}"><img th:src="${d.imgSrc}"></li>
                </ul>
            </div>
            <a th:if="${dianxing.size() > 5}" href="javascript:;" class="m2csMoreBtn wOpacity wow fadeIn" data-wow-delay="0.3s"></a>
        </div>
    </div>
    <script language="javascript">
        $(".m2csMoreBtn").click(function () {
            $(this).toggleClass("m2csMoreBtn2");
            $(".m2csLgBox").toggleClass("m2csLgBox2");
        });
    </script>
    <script>
        $(function () {
            $("#solutionLi").addClass("hover");
        })
    </script>
</div>
</html>